<!--
*@description 首页右侧通知
*@fileName com-notice.vue
*@author wxl
*@date 2025/02/25 14:05:31
!-->
<template>
  <div class="com-card index-notice margin-bottom" v-if="newsList.length">
    <div class="aicjcsb">
      <div class="card-title">通知</div>
      <!-- <div class="text-gray fs13">查看全部</div> -->
    </div>
    <div class="notice-list">
      <div v-for="(item, index) in newsList" :key="index" class="item">
        <div class="aicjcsb">
          <div class="round"></div>
          <div class="title flex1 ellipsise">{{ item.MessageTitle }}</div>
          <div class="fs13 text-grey">{{ item.CreateDT ? item.CreateDT.substring(0, 10) : '' }}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref, reactive, onMounted, watch } from 'vue'
const props = defineProps({
  newsList:{
      type:Array,
      default:[]
   }
})
</script>
<style lang="scss" scoped>
.index-notice {
  overflow: hidden;
  .notice-list {
    margin-top: 10px;
    .item {
      margin-bottom: 15px;
      overflow: hidden;
      .title {
        font-weight: 600;
        margin: 0 10px;
      }
      .cont {
        color: #9399a3;
        margin-top: 8px;
        max-height: 36px;
      }
      .round {
        width: 12px;
        height: 12px;
        background: #f57e0a;
        border-radius: 50%;
      }
    }
  }
}
</style>
